<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>系统公告详情</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name=”apple-mobile-web-app-status-bar-style” content=”default”/>
    <meta name=”apple-mobile-web-app-status-bar-style” content=”black”/>
    <meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent”/>
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="format-detection" content="telephone=no"/>
    <link rel="stylesheet" type="text/css" href="${s.base}/lib/layui/css/layui.css"/>
    <link href="${s.base}/pc/css/swiper.min.css" rel="stylesheet">
    <link href="${s.base}/pc/css/weWeb.css" rel="stylesheet"/>
</head>
<style type="text/css">
    body, html {
        background: #f5f5f5;
    }

    .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        display: inline-block;
        border-radius: 3px;
        background: #B9D5FF;
        opacity: 0.7;
    }

    .swiper-pagination-bullet-active {
        background: #549AFF;
        width: 16px;
        height: 6px;
        opacity: 1;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        top: -20px;
        right: 0;
        text-align: right;
    }

    .swiper-pagination {
        right: 15px;
        top: 15px;
        position: absolute;
    }

    .swiper-pagination span {
        margin-right: 4px;
    }
</style>
<body>
<div style="background:#fff;">
    <div class="w1200 we-head clearfix">
        <div class="we-head-logo"><img src="/sysFile/showFileByPath?path=${websiteConfiguration.logoPath}"></div>
        <div class="we-head-nav">
            <ul>
                <li onclick="goFistPage()">首页</li>
                <li onclick="goCaseListPage()">案例</li>
                <li onclick="goProductListPage()">应用中心</li>
                <li onclick="goAboutUsPage()">关于我们</li>
                <#if sysUser?? >
                <li onclick="goMyIndexPage()" class="checked">控制中心</li>
                </#if>
            </ul>
        </div>
        <div class="we-head-logined">
            <div class="user-updown ellipsis"><i class="cytfonts">&#xe6a2;</i></div>
            <div class="user-name ellipsis">${sysUser.name}</div>
            <div class="user-Avatar"><img src="/sysFile/showFileByObjectId?objectId=${sysUser.headLogo}"></div>
            <div class="user-txt-list" style="display:none;">
                <ul>
                    <li>个人中心</li>
                    <li>退出</li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="w1200 mart15 clearfix">
    <div class="main-left">
        <div class="peo-detail">
            <!-- 三角形开始 -->
            <div class="windmill">
                <div class="circle"></div>
                <div class="square">
                    <div class="sanjiao"></div>
                    <div class="sanjiao"></div>
                    <div class="sanjiao"></div>
                </div>
            </div>
            <!-- 三角形结束 -->
            <div class="peo-detail-name ellipsis">${sysUser.name}</div>
            <div class="peo-detail-list ellipsis2">
                <span>手机号：<span>${sysUser.phone}</span></span>
                <span>应用数量：${wxApplyList?size}</span>
            </div>
            <div class="peo-detail-line">争取摘到月亮，因为即使你坠落也会落在群星之间</div>
            <div class="peo-detail-pic"><img src="${s.base}/pc/images/gzh.jpg"></div>
            <div class="peo-detail-pic-bot"></div>
        </div>
        <div class="notice-nei-ctn">
            <div class="notice-nei-tit"><i class="cytfonts">&#xe64e;</i><span>系统公告</span></div>
            <div class="notice-nei-txt">
                <div class="notice-details-tit">${sysNotice.title}</div>
                <div class="notice-details-label">
                    <span>发布时间：${sysNotice.createTime?datetime}</span><span>阅读次数：${sysNotice.readNum}</span>
                </div>
                <div class="notice-details-txt">
                    ${sysNotice.content}
                </div>
            </div>
        </div>
    </div>
    <div class="main-right">
        <#list sysDictContentList as sysDictContent>
        <div class="ad-list">
            <div class="swiper-pagination"></div>
            <h1 class="ellipsis">${sysDictContent.name}</h1>
            <div class="ad-banner">
                <!-- Swiper -->
                <div class="swiper-container" id="swiper1">
                    <div class="swiper-wrapper">
                        <#list websiteAdvertisementList as websiteAdvertisement>
                        <#if websiteAdvertisement.type == sysDictContent.value>
                        <div class="swiper-slide" onclick="goAdvertisementUrl('${websiteAdvertisement.url}','${websiteAdvertisement.id}')">
                            <div class="ad-banner">
                                <div class="ad-pics" style="background: url(/sysFile/showFileByPath?path=${websiteAdvertisement.path}) top center no-repeat;background-size:cover;"></div>
                                <h2 class="ellipsis">${websiteAdvertisement.title}</h2>
                                <h3 class="ellipsis">${websiteAdvertisement.description}</h3>
                            </div>
                        </div>
                        </#if>
                        </#list>
                    </div>
                </div>
            </div>
        </div>
        </#list>
    </div>
</div>
</body>
<script src="${s.base}/lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="${s.base}/pc/js/swiper.min.js" type="text/x-javascript"></script>
<script src="${s.base}/js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/base.js" type="text/x-javascript"></script>
<script>
    layui.use(['jquery', 'dialog', 'baseutil'], function () {
        var $ = layui.jquery,
            dialog = layui.dialog,
            baseutil = layui.baseutil;

        $('.user-txt-list li').bind('click', function () {
            if ($(this).index() === 0) {
                window.open('/web/personalEdit', '_self')
            } else if ($(this).index() === 1) {
                dialog.confirm("确定要退出吗？", function () {
                    baseutil.AjaxGetMark("/webExit", "", function () {
                        window.location.href = "/web/index";
                    });
                });
            }
        });
    });

    $(function () {
        var swiper1 = new Swiper('#swiper1', {
            slidesPerView: 1,
            spaceBetween: 0,
            loop: true,
            autoplay: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true
            }
        });

        var swiper2 = new Swiper('#swiper2', {
            slidesPerView: 1,
            spaceBetween: 0,
            loop: true,
            autoplay: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true
            }
        });

        var swiper3 = new Swiper('#swiper3', {
            slidesPerView: 1,
            spaceBetween: 0,
            loop: true,
            autoplay: true,
            initialSlide: 2,
            pagination: {
                el: '.swiper-pagination',
                clickable: true
            }
        });

        var swiper4 = new Swiper('#swiper4', {
            slidesPerView: 1,
            spaceBetween: 0,
            loop: true,
            autoplay: true,
            initialSlide: 1,
            pagination: {
                el: '.swiper-pagination',
                clickable: true
            }
        });

        $(".we-head-nav ul li").bind("click", function () {
            $(".we-head-nav ul li").removeClass("checked");
            $(this).addClass("checked");
        });

        $(".we-head-logined").mouseover(function () {
            $(".user-txt-list").show();
            $(this).find(".user-updown").addClass("Rotate180")
        });

        $(".we-head-logined").mouseout(function () {
            $(".user-txt-list").hide();
            $(this).find(".user-updown").removeClass("Rotate180")
        });
    })
</script>
</html>